<div ng-include="'tpl/base/web/header.html'"></div>
<div ng-include="'tpl/base/web/search.html'"></div>


<div ng-controller="leftTab2" id="leftTab2" class="clearfix">
    <div ng-include="'tpl/base/web/leftTab.html'"></div>
    <div class="interface fl clearfix">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#home" onclick="return false;">耗材维护</a></li>

        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <!--材料维护-->
            <div class="mask" ng-show="layerOutShow"></div>
            <div class="tab-pane active" id="home">
                <div class="merchantSearch">
                    <ul>
                        <li class="box-between">
                            <label>
                                <span>耗材品牌：</span>
                                <select style="box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchSelect4" ng-options="v.code as v.code for v in meterialBrand"
                                        ng-model="meterialBrandCode" ng-change="meterialBrandChange();">
                                    <option value="">全部</option>
                                </select>
                            </label>

                            <label>
                                <span>耗材分类：</span>
                                <select style="box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchSelect5" ng-options="v.code as v.code for v in meterialClassify"
                                        ng-model="meterialClassifyCode">
                                    <option value="">全部</option>
                                </select>
                            </label>

                            <label><span>耗材名称：</span><input type="text" ng-model="searchMsg.code"></label>
                        </li>

                        <li class="box-between">
                            <label class="adapterCar">
                                <span>适配汽车：</span>
                                <select style="width:125px;box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchSelect1" ng-options="v.code as v.code for v in carStyle"
                                        ng-model="carStyleCode" ng-change="carStyleChange();">
                                    <option value="">全部</option>
                                </select>

                                <select style="width:125px;box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchSelect2" ng-options="v.code as v.code for v in carType"
                                        ng-model="carTypeCode" ng-change="carTypeChange();">
                                    <option value="">全部</option>
                                </select>


                                <select style="width:125px;box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchyear" ng-options="v as v for v in listYear"
                                        ng-model="carYear" ng-change="carTimeChange();">
                                    <option value="">全部</option>
                                </select>


                                <select style="width:125px;box-sizing: border-box;height:30px;text-indent: 10px;"
                                        name="searchSelect3" ng-options="v.code as v.code for v in carModel"
                                        ng-model="carModelCode">
                                    <option value="">全部</option>
                                </select>


                            </label>

                            <label><span>条形码：</span><input type="text" ng-model="searchMsg.itemBarCode"></label>
                        </li>

                        <li>
                            <button class="searchBtn" ng-click="searcBtnClick();">搜索</button>
                        </li>
                    </ul>
                </div>

                <div class="merchantList">
                    <ul>
                        <li class="addM" ng-click="createNewItemBtn();"><img src="img/icon/addMer.png" alt="">新增材料</li>
                        <li class="deleteM" ng-click="deleteTableDataBtn();"><img src="img/icon/delete.png" alt="">删除
                        </li>
                    </ul>

                    <table>
                        <tr class="th">
                            <td class="input"><input type="checkbox" ng-model="select_all" ng-change="selectAll()"></td>

                            <td>品牌</td>
                            <td>耗材分类</td>
                            <td>耗材名称</td>
                            <td style="width:300px;">适配汽车</td>
                            <td>条形码</td>
                            <td>创建时间</td>
                        </tr>

                        <tr ng-repeat="item in tableData" on-finish-render-filters>
                            <td class="input"><input type="checkbox" ng-model="item.checked"
                                                     ng-change="selectOne($event)"></td>

                            <td>{{item.itemBrandCode}}</td>
                            <td>{{item.itemCategoryCode}}</td>
                            <td>{{item.code}}</td>
                            <td style="width:300px;">{{item.carBrandCode}} {{item.carModelCode}} {{item.carStyleCode}}</td>
                            <td>{{item.itemBarCode}}</td>
                            <td>{{item.createDate}}</td>

                        </tr>
                    </table>
                </div>

                <div class="home_layerOut" ng-show="layerOutShow">
                    <h3>新增耗材<img src="img/icon/cha.png" alt="" ng-click="closeLay();"></h3>
                    <div>
                        <div>
                            <span style="min-width: 95px;display: inline-block;">适配汽车：</span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select1" ng-options="v.code as v.code for v in carStyle"
                                    ng-model="carStyleCode" ng-change="carStyleChange();">
                                <!--<option value="">请选择汽车品牌</option>-->
                                <option value="">所有汽车</option>
                            </select>
                        </div>

                        <div class="hideSelect">
                            <span style="min-width: 95px;display: inline-block;"></span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select2" ng-options="v.code as v.code for v in carType"
                                    ng-model="carTypeCode" ng-change="carTypeChange();">
                                <option value="">请选择车款</option>
                            </select>
                        </div>

                        <div class="hideSelect">
                            <span style="min-width: 95px;display: inline-block;"></span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="yearselect" ng-options="v as v for v in listYear"
                                    ng-model="carYear" ng-change="carTimeChange();">
                                <option value="">请选择年份</option>
                            </select>
                        </div>


                        <div class="hideSelect">
                            <span style="min-width: 95px;display: inline-block;"></span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select3" ng-options="v.id as v.code for v in carModel"
                                    ng-model="carModelCode">
                                <option value="">请选择车型</option>
                            </select>
                        </div>

                        <div>
                            <span style="min-width: 95px;display: inline-block;">材料品牌：</span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select4" ng-options="v.code as v.code for v in meterialBrand"
                                    ng-model="meterialBrandCode" ng-change="meterialBrandChange();">
                                <option value="">请选择材料品牌</option>
                            </select>
                        </div>

                        <div>
                            <span style="min-width: 95px;display: inline-block;">材料分组：</span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select5" ng-options="v.code as v.code for v in meterialGrope"
                                    ng-model="meterialGropeCode" ng-change="meterialGroupChange();">
                                <option value="">请选择材料分组</option>
                            </select>
                        </div>


                        <div>
                            <span style="min-width: 95px;display: inline-block;">材料分类：</span>
                            <select style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;"
                                    name="select6" ng-options="v.id as v.code for v in meterialClassify"
                                    ng-model="meterialClassifyCode">
                                <option value="">请选择材料分类</option>
                            </select>
                        </div>


                        <div style="height:30px;">
                            <span style="min-width: 95px;display: inline-block;">材料名称：</span>
                            <input ng-model="creatNewItemMsg.code"
                                   style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;" type="text">
                        </div>

                        <div>
                            <span style="min-width: 95px;display: inline-block;">耗材条形码：</span>
                            <input ng-model="creatNewItemMsg.itemBarCode"
                                   style="width:70%;box-sizing: border-box;height:30px;text-indent: 10px;" type="text">
                        </div>

                        <input type="button" value="新增" ng-click="createNewItemSub();">

                    </div>

                </div>

                <div class="paging" >
                    <div class="clearfix box-between">
                        <!--<div class="branches fl">-->
                        <!--<select name="" id="">-->
                        <!--<option value="">1</option>-->
                        <!--<option value="">1</option>-->
                        <!--<option value="">1</option>-->
                        <!--<option value="">4</option>-->
                        <!--</select>-->
                        <!--<span>条 / 页</span>-->
                        <!--</div>-->

                        <div class="page fl">
                            <span class="fl pageTurn prev" ng-click="firstPageBtn();">首页</span>
                            <span class="fl pageTurn prev" ng-click="prevPageBtn();">上一页</span>
                            <!--<ul class="fl">-->
                            <!--<li>1</li>-->
                            <!--<li>2</li>-->
                            <!--<li>3</li>-->
                            <!--<li>4</li>-->
                            <!--<li>5</li>-->
                            <!--<li>6</li>-->
                            <!--<li>7</li>-->
                            <!--<li>8</li>-->

                            <!--</ul>-->
                            <div class="pageTo fl">
                                <p>转到 <input type="text" ng-model="page1" ng-keyup="myKeyup13($event)"> 页</p>
                            </div>
                            <span class="fl pageTurn next" ng-click="nextPageBtn();">下一页</span>
                            <span class="fl pageTurn next toLast" ng-click="lastPageBtn();">尾页</span>
                            <p class="fl">共 <span>{{pageMsg.totalPages}}</span> 页  /  <span>{{pageMsg.totalElements}}</span> 条数据</p>
                        </div>
                    </div>


                </div>

            </div>


        </div>

    </div>

</div>
<div ng-include="'tpl/base/web/bottom.html'"></div>